<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Documentos - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
				
				<h:form>
					<h3>
						<h:outputText value="Ingreso de Documentos"/>
					</h3>
					<rich:collapsiblePanel header="Datos de la Actividad" style="width: 725px;">

						<h:panelGrid columns="2">
						   
							<h:outputText value="Actividad:" style="font-weight: bold;"/>
							<h:outputText value="#{documentosRel.actividad.descripcion}" />
							 <h:outputText value="Fecha Fin: " style="font-weight: bold;"/>
							<h:outputText value="#{documentosRel.actividad.fechaFin}" ><f:convertDateTime pattern="yyyy-MM-dd" /></h:outputText>
							<br/>
							
						</h:panelGrid>
						<h:form>
						
						<h:commandButton value="Volver a Listado de Actividades" action="#{documentosRel.regresarAListado}" />
						</h:form>
					</rich:collapsiblePanel>
					<br/>
					<h:panelGroup>
							
							<rich:panel header="Documentos Relacionados" style="width: 725px; height: 550px;">
								<h:panelGrid id="ingresoDoc" columns="2">
									<h:outputText value="Nombre"/>
									<h:panelGroup>
										<h:inputText id="NombreDoc"  value="#{documentosRel.nombre}" maxlength="30" size="54">
											<f:validator validatorId="validadorNoVacio"/>
										</h:inputText>
									</h:panelGroup>
								    <h:outputText value="Descripci&#243;n:"/>
								   <h:panelGroup>
								 		  <h:inputTextarea value="#{documentosRel.descripcion}" rows="5" cols="50">
											<f:validator validatorId="validadorNoVacio"/>
										</h:inputTextarea>
									</h:panelGroup>
									<h:outputText value="Tipo Documento"/>
								    <h:panelGroup>
										<rich:select value="#{documentosRel.tipo}"  listWidth="325px">
												<f:selectItems value="#{documentosRel.listaTipoDocumentos}" var="docRel"  itemValue="#{docRel.codigo}"  itemLabel="#{docRel.descripcion}" />
												<f:validator validatorId="validadorNoVacio"/>
										</rich:select>
				         			</h:panelGroup>
									<h:outputText value="Documento"/>
								    <h:panelGroup>
										<rich:fileUpload fileUploadListener="#{documentosRel.listener}" id="upload" maxFilesQuantity="1"  style="width: 325px; height: 90px;">
             							   <a4j:ajax event="uploadcomplete" execute="@none" render="info"/>
          								</rich:fileUpload>
									</h:panelGroup>
								
									<a4j:commandButton value="Agregar" action="#{documentosRel.guardar}" render="tablaDocumentos, scrollDocProyecto, ingresoDoc"/>
								</h:panelGrid>
								<br/>
								
								<rich:dataTable id="tablaDocumentos" style="width: 100%;" value="#{documentosRel.listaDocumentoActividad}" var="listDocu" noDataLabel="No se han ingresado documentos relacionados a la actividad" rows="6">
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Nombre" />
										</f:facet>
										<h:outputText value="#{listDocu.nombre}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Descripci&#243;n Documento" />
										</f:facet>
										<h:outputText value="#{listDocu.descripcion}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Tipo Documento" />
										</f:facet>
										<h:outputText value="#{listDocu.tipoDocumento.codigo}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Documento" />
										</f:facet>				   
										 <h:commandLink value="Descargar" immediate="true" action="#{documentosRel.bajarArchivo(listDocu)}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											
										</f:facet>
										<h:form>
										<a4j:commandLink actionListener="#{documentosRel.eliminarDoc(listDocu)}" onclick="return mostrarConfirmacion('Esta seguro que desea eliminar el documento?');" render="tablaDocumentos, scrollDocProyecto">
											<h:graphicImage value="/images/remove.png"  width="20px" height="20px" title="Eliminar"/>
										</a4j:commandLink>
										</h:form>
									</rich:column>
									
								</rich:dataTable>
								<rich:dataScroller id="scrollDocProyecto" for="tablaDocumentos" maxPages="5"/>
						
							</rich:panel>
						</h:panelGroup>
				</h:form>
				
				
			</ui:define>
		</ui:composition>
	
</html>